﻿a 
{
    color: #0099cc;
}
a:hover {color: #ff0000;}

/* section and plate */
div.section
{
    width: 780px;
    margin: 5px 0px 10px 0px;
    background-color: #ffffff;
}

div.section a:hover
{
    border: none;
}

div.sectionTitleContainer
{
    border-top: solid 2px #48a1b1;
    border-bottom: solid 1px #c0c0c0;
}

div.sectionTitle
{
    float: left;
    margin-left: 5px;
    font-weight: bold;
    width: 200px;
    overflow: hidden;
    height: 24px;
    line-height: 24px;
}

div.sectionTitle a
{
    border: none;
    text-decoration: none;
}

div.sectionAction, div.sectionInfo
{
    float: right;
    margin-right: 10px;
    height: 24px;
    line-height: 24px;
    color: #999999;
}

div.sectionInfo
{
    width: 500px;
    overflow: hidden;
}

div.sectionAction img, div.sectionInfo img
{
    vertical-align: middle;
}

div.plate
{
    width: 780px;
}

div.plateItem
{
    float: left;
    width: 238px;
    padding: 10px;
    border-bottom: dashed 1px #c0c0c0;
}

div.plateItem:hover
{
    background-color: #d8f3d8;
}

div.plateTitle
{
    font-weight: bold;
    margin: 0px 0px 5px 0px;
}

div.plateTitle a
{
    text-decoration: none;
    border: none;
    color: #000000;
}

div.plateTitle a:hover
{
    color: #ff0000;
    border: none;
}

div.plate p
{
    margin: 0px;
    padding: 2px 0px;
    color: #999999;
}

div.plateList
{
    border-bottom: dashed 1px #cccccc;
    padding: 5px;
}

div.plateListBasic
{
    float: left;
    width: 400px;
}
div.plateListCount
{
    float: left;
    width: 80px;
    vertical-align: middle;
    text-align: center;
}
div.plateListAction
{
    float: right;
    width: 250px;
    text-align: right;
    vertical-align: middle;
}
div.plateListBasic p
{
    width: 360px;
    margin: 0px;
    padding: 2px 1px 2px 0px;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
}

div.plateListAction p
{
    margin: 0px;
    padding: 2px 0px;
}

/* subject */
div.subjectContainer
{
    border-top: solid 2px #48a1b1;
    width: 780px;
    background-color: #ffffff;
    border-left: solid 1px #c5ecf8;
    border-right: solid 1px #c5ecf8;
    border-bottom: solid 1px #c5ecf8;
}

div.subjectContainer a
{
    text-decoration: none;
    border: none;
}

div.subjectContainer a:hover
{
    border: none;
}

div.subject
{
    border-bottom: dashed 1px #cccccc;
    margin: 0px;
    padding: 2px 5px;
    vertical-align: middle;
}

div.subject:hover
{
    background-color: #d8f3d8;
}

div.subject p
{
    margin: 0px;
    padding: 2px 0px;
}

div.subjectHeader
{
    border-bottom: solid 1px #cccccc;
    margin: 0px;
    padding: 5px 5px;
}

div.subjectTitle
{
    float: left;
    width: 380px;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
}

div.subjectPoster
{
    float: left;
    width: 140px;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
}

div.subjectCount
{
    float: left;
    width: 110px;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
    text-align: center;
}

div.subjectLastReplier
{
    float: left;
    width: 140px;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
    text-align: right;
}

/* reply */
div.postReplyContainer
{
    border-top: solid 2px #48a1b1;
    width: 780px;
    background-color: #ffffff;
    padding: 0px 0px 10px 0px;
    border-left: solid 1px #c5ecf8;
    border-right: solid 1px #c5ecf8;
    border-bottom: solid 1px #c5ecf8;
}

div.postReplyContainer a
{
    text-decoration: none;
    border: none;
}
div.postReplyContainer a:hover
{
    border: none;
}

div.postReplyHeader
{
    font-weight: bold;
    text-indent: 10px;
    height: 24px;
    line-height: 24px;
    background-color: #a5dced;
}

div.postReply
{
    margin: 0px;
}

div.postReplyTitle
{
    font-weight: normal;
    background-color: #ccffff;
    margin: 0px;
    padding: 5px 10px;
    border-top: dashed 1px #cccccc;
}

div.postReplyAuthorInfo
{
    float: left;
    width: 400px;
    overflow: hidden;
}

div.postReplyAction
{
    float: right;
    width: 300px;
    text-align: right;
    overflow: hidden;
}

div.postReplyContent
{
    text-indent: 24px;
    padding: 5px 10px;
}

div.postReplyUI
{
    border-top: dotted 1px #cccccc;
    width: 770px;
    margin: 5px 0px;
    padding: 5px;
}
